<template>
    <div>
        <p>{{ name }}</p>
        <my-child :v-model="name"></my-child>
        <p>{{ name }}</p>
        <!-- <my-child @custom-event="handleGet"></my-child> -->
    </div>
</template>

<script>
import datavue from './datavue.vue';
export default {
    components: {
        'my-child': datavue
    },
    data() {
        return {
            name: ""
        }
    },
    methods: {
        handleGet(message) {
            this.name = message
        }
    }
}
</script>

<style lang="scss" scoped></style>